import Vue from 'vue'
// vue官方出的插件
import VueRouter from 'vue-router'
// 安装插件
// 细节：是调用了这个对象里的install方法
Vue.use(VueRouter)

// 导入它演示的组件
import discover from '@/views/discover'
import my from '@/views/my'
import notfound from '@/views/NotFound'
import friend from '@/views/friend'

// 创建路由规则
const routes = [

  // 代表路径上毛都没输入，就跳转到 `/discover`
  { path: '/', redirect: '/discover' },
  { path: '/discover', component: discover },
  { name: 'my', path: '/my', component: my },

  // 动态路由匹配规则
  // 也就是限制了必须要传递参数
  { name:'friend', path: '/friend/:id', component: friend },

  // 除了上面以外的所有路径，都进入到notfound组件
  { path: '*', component: notfound }
]

// 创建路由对象
const router = new VueRouter({
  routes
})

// 把路由对象暴露出去
export default router
